<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS 2.1 Test Suite: Floating Elements</title>
  <style type="text/css"><![CDATA[
   p { color: navy; }
   .test { width: 15em; margin: 1em; padding: 0; background: white; color: white; }
   .test p { margin: 0; padding: 0.01em; }
   .test p.left { float: left; }
   .test p.right { float: right; width: 14.98em; background: teal; color: aqua; text-align: center; }
  ]]></style>
  <link title="9.5 Floats" href="http://www.w3.org/TR/CSS21/visuren.html#floats" rel="help"/>
 </head>
 <body>
  <p>The word &quot;fail" should not appear below.</p>
  <div class="test">
   <p class="left"> TEST: </p>
   <p class="right"> PASS </p>
   fail fail fail fail fail fail fail fail fail fail
   fail fail fail fail fail fail fail fail fail fail
   fail fail fail fail fail fail fail fail fail fail
   fail fail fail fail fail fail fail fail fail fail
   fail fail fail fail fail fail fail fail fail fail
  </div>
  <!-- this test actually failed in Mozilla once -->
 </body>
</html>